<template>
    <div class="luorderNo-box">
        <nav-com title="录入单号" :showView='showView' @back="backHandler()"></nav-com>
         <div class="group_add" style="hieght:auto;">
             <div class='pay_title'>订单号来源</div>
             <ul class="pay_list">
                 <li @click="paySel(index)" v-for="(v,index) in orderSourceArray" :key="index">
                     <div class="pay_icon">
                         <img :src='v.icon' />
                         <p>{{v.name}}</p>
                     </div>
                     <div class="pay_sel">
                         <img  :src="selFlag == index?seled:sel" />
                     </div>
                 </li>
             </ul>
         </div>
		 <div class="group_add" style="hieght:auto;">
			 
		 </div>
		 <div class="card3_bottom">
		     <div  class="card3_display">
		         <van-button :loading='loadingFlag'  @click='verify()' loading-text='核销中...'  class="card3_btn">核销</van-button>
		     </div>
		 </div>
    </div>
</template>
<script>
import navCom from '@/component/nav'
import sel from '@/assets/sel.png'
import seled from '@/assets/seled.png'
import check from "@/assets/check-circle@2x.png"
import {Toast} from "vant";
import moment from "moment";
export default {
    name:'add',
    components:{
        navCom
    },
    data() {
        return {
			showView:true,
			orderSourceArray:[{
				id:1,
				name:'京东',
				icon:''
			},{
				id:2,
				name:'拼多多',
				icon:''
			},{
				id:3,
				name:'淘宝',
				icon:''
			}],
			selFlag:0,
			sel:sel,
			seled:seled,
			loadingFlag:false,
        }
    },
    created(){
    },
    mounted(){
		
    },
    methods:{
        //返回
        backHandler(){
            this.$router.go(-1)
        },
		verify(){},
		//选择
		paySel(val){
		  this.selFlag=val
		}
    }
}
</script>
<style scoped>
.luorderNo-box{height: 100vh;background: #f5f5f5;}
.group_add{width:94.66vw; margin-top:2.6vw; margin-left:2.6vw; border-radius: 2.6vw; background:#fff;}
.card3_bottom { position:fixed; bottom:0; left:0; right:0; height:18.66vw; background: #fff;; height:18.66vw;}
.card3_display {margin:3.3vw; width:auto;}
.card3_bottom .card3_btn {width:94.66vw;;  height:12vw; line-height:12vw; font-size:4vw; background:#D62F34; border-radius: 6vw; text-align:center; color:#fff; }
.pay_title {margin-left:3vw; padding-top:2.6vw; font-size:4vw;}
.pay_list {margin-top:4vw;}
.pay_list li {display:flex; justify-content: space-between;align-items: center;}
.pay_icon {display:flex; height:12vw;align-items: center;}
.pay_icon img {width:5.3vw; height:5.3vw; margin-left:2.6vw;}
.pay_icon p {padding-left:2.6vw;}
.pay_sel img {width:4vw; height:4vw; margin-right:2.6vw;}
</style>
